body{  
    background-image: url(images/background.jpg);
    background-position:100% 0%;
    background-color: #4E4E4E;
}
#tableDeJeu
{   margin-left: 400px;
    margin-top: 100px;
}
#all{
    width: 100%;
}


#cssmenu{
    position:fixed;
    width: 100%;
    top: 0%;
    z-index: 9;
}

#Acceuil{
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 100px;
    width: auto;
}
    
#tdNews {
        border: beige solid 2px;
        padding: 30px;
}
   
#profil{
    margin-top: 100px;
    width: auto; 
    margin-left: 200px;
    margin-right: 200px;
}


#left{
  position:absolute;
  left:8px;
  top:50px;
  height:600px;
  width:250px;
  background-color:#34282C;
  color:yellow;
  border:1px solid #777;
  padding:3px;
  border-color: black;
  text-align: center;
}

#main{
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

#Acceuil{
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

#right{
  position:absolute;
  right:0px;
  top:50px;
  height:600px;
  width:250px;
  background-color:#34282C;
  color:yellow;
  border:1px solid #777;
  padding:3px;
  border-color: black;
  text-align: center;
}

#bottom{   
    position:absolute;
    bottom:0px;
    width: 100%;
        
}

#message{     
    text-align: center;
}

#date_heure{
    text-align: center;
}

#seConnecter{
	text-align : center;
	color : #FFF;
	position : fixed;
	top : 15px;
	right : 20px;	
	cursor : pointer;  
        z-index:15;

}

#loginForm{
	color : #FFF;
	position : fixed;
	top : 0px;
	right : 80px;   
        z-index: 15;
        display:none;
}

.mdpErreur{
        top:15px;
	position : fixed;
        right:100px;    
        z-index: 16;
        font-size:16px;
        color:yellow;
        border-color: red;
}

#Formulaire {  /****** Formulaire d'inscription *****/
	float : none;
	margin-top : 100px;
	border : 1px dashed black;
	width : 400px;
	height : 365px;
	background-color :#1A302D;
	margin-left : auto;
	margin-right : auto;
}
#Formulaire tr td {
	height : 30px;
	text-align :center;
	color: white;
	font-size : 14px;
	border : 2px solid #2F3736;
        width:300px;
}

#Formulaire h2{
    color:yellow;
    text-align: center;
}    /****** Fin du formulaire d'inscription *****/

#terme{
    font-size: 10px;
}

#termeForm:link {color:yellow; } 
#termeForm:visited {color:gray;}
#termeForm:hover {color:red;}  
#termeForm:active {color:blue;}  


#prBody{
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    border : 1px dashed black;
    text-align: justify;
    width: 700px;
    height: auto;
    padding: 5px;  
}

.erreur{
    font-size:12px; 
    display:none; 
    background-color:yellow; 
    color:black; 
    border-style:solid; 
    border-color:#ff0000; 
    border-width:1px;
}

#nomForm{
    width:150px;
}

#mdpForm{
    width:150px;
}

#mdp2{
    width:150px;
}

#courriel{
    width:150px;
}

.imgNom{display:none; float: right;} 
.imgMdp{display:none; float: right;} 
.imgMdp2{display:none; float: right;} 
.imgCourriel{display:none; float: right;}